<template>
	<page-body>
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center index_flex_0_ben"
				:style="{height:(120+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }" v-if="isTop">
				<view class='flex flex-wrap align-center flex-sub index_fd0_0_ben'>
					<view class='flex flex-wrap align-center index_fd0_0_c0_ben' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/index/indSeaRes/indSeaRes`">
						<image class='index_fd0_0_c0_c0_ben' mode="aspectFit" src='@/static/img02/search.png'></image>
						<text class='index_fd0_0_c0_c1_ben'>{{$t('请输入关键词进行搜索')}}</text>
					</view>
					<image class='index_fd0_0_c1_ben' mode="aspectFit" :src='STATIC_URL+"1577.png"'
						@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/index/indSeaRes/indSeaRes`">
					</image>
				</view>
			</view>
			<!-- <view v-if="isTop" :style="{height: (88+StatusBarRpx)+'rpx'}"></view> -->
			<view class="flex benben-position-layout flex flex-wrap align-center index_flex_0_ben123456"
				:style="{height:(120+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }" v-if="!isTop">
				<view class='flex flex-wrap align-center flex-sub index_fd0_0_ben'>
					<view class='flex flex-wrap align-center index_fd0_0_c0_ben' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/index/indSeaRes/indSeaRes`">
						<image class='index_fd0_0_c0_c0_ben' mode="aspectFit" src='@/static/img02/search.png'></image>
						<text class='index_fd0_0_c0_c1_ben'>{{$t('请输入关键词进行搜索')}}</text>
					</view>
						<!-- <image class='index_fd0_0_c1_ben' mode="aspectFit" :src='STATIC_URL+"1577.png"'
						@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/index/classsche/classsche`"> -->
						<!-- <image class='index_fd0_0_c1_ben' mode="aspectFit" :src='STATIC_URL+"1577.png"'> -->
					</image>
				</view>
			</view>

			<view :style="{height: (88+StatusBarRpx)+'rpx'}" v-if="isTop"></view>
			<!---轮播图flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout">
				<view style="position: relative;marginTop:StatusBarRpx+'rpx',">
					<swiper ref="benbenSwiperfd0_0" @change="bannerIndexfd0_0 = $event.detail.current"
						class='flex position-relative index_fd0_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>

						<template>
							<swiper-item class='flex'>
								<image class='index_fd0_0_c1_c0' mode="aspectFill"
									src='https://oss.tiantianhuoke.com/m9455/2025-05-22/5acafee756f6d958f414eb9fb2065db3.png'>
								</image>
							</swiper-item>
						</template>
					</swiper>
					<!-- 问候语 -->
					<view class="hello-text1"> <span style="margin-left: 140rpx;">亲爱的{{real_name}}{{group==1?'同学':'老师'}}</span></view>
					<view class="hello-text2">欢迎使用「河南经贸智慧教学平台」</view>
					<!-- 轮播按钮 -->
					<!-- 					<view style="position: absolute"
						class="flex dot flex align-center justify-center index_swiperDotfd0_0">
						<template v-for="(item, index) in (Swiper.length)">
							<view :key="index" v-if="bannerIndexfd0_0 == index"
								class="flex dot selected flex align-center justify-center index_swiperDotSelectedfd0_0">
							</view>
							<view :key="index" v-else
								class="flex dot unselected flex align-center justify-center index_swiperDotUnselectedfd0_0">
							</view>
						</template>
					</view> -->

				</view>


			</view>
		

			<!---flex布局flex布局开始-->
			<view class="list-outer">
				<!-- -->
				 <view class='flex flex-wrap align-center justify-between lx_fd4_0_ibhf' v-if="messinfo" @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/My/gaoList/gaoList`" >
					<view class='flex flex-direction flex-wrap align-center lx_fd4_0_c0_ibhf'>
						<text class='lx_fd4_0_c0_c0_ibhf'>平台</text>
						<text class='lx_fd4_0_c0_c1_ibhf'>公告</text>
					</view>
					<view class='flex align-center flex-sub'>

						<view class='flex  lx_fd4_0_c1_c0_ibhf'></view>

						<text class='lx_fd4_0_c1_c1_ibhf'>{{messinfo}}</text>
					</view>
					<view class='flex flex-wrap align-center'>
						<!-- <text class='fu-iconfont2  lx_fd4_0_c2_c0_ibhf'>&#xe840;</text> -->
						<text class='fu-iconfont2'>&#xe7f2;</text>
					</view>
				</view>
				<view class='index_fd2_0'>
					<text class='index_fd2_0_c1' >我的课程</text>
					<view class='flex flex-wrap align-center MyPortrayal_fd1' @tap.stop="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/index/indSeaRes/indSeaRes`">
						<text class='MyPortrayal_fd1_0_c1_c0'>{{$t('更多')}}</text>
						<image class='MyPortrayal_fd1_0_c1_c1' mode="aspectFit" :src='STATIC_URL+"1618.png"'></image>
					</view>
				</view>
				<view class='flex flex-wrap align-center justify-between index_fd2_1'>
					<template v-for='(item,key0) in list'>
						<view class='flex flex-direction  align-center justify-between index_fd2_1_c02'
							@tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/kc/kcdetail/kcdetail?course=${item.aid}`" :key='key0'>
							<image class='index_fd2_1_c0_c0 imgds' mode="aspectFill" :src='item.cover?item.cover:STATIC_URL+"LOGO.png"'></image>
							<view class='flex flex-direction flex-wrap align-stretch flex-sub index_fd2_1_c0_c1'>
								<text class='index_fd2_1_c0_c1_c02 hid1'>{{group==1?item.courseplan_name:item.name}}</text>
							</view>
						</view>
					</template>
					<fu-empty :pagingListLoadedAll="pagingListLoadedAll" :pagingListNoListData="pagingListNoListData"
						:listDataLength="listDataLength" :isLoadInit="isLoadInit"></fu-empty>
				</view>
			</view>
			<!-- AI -->
			<AIicon></AIicon>
			<view :style="{height: '88rpx'}"></view>
			<!-- 上课提醒 -->
			<benben-popup v-model="popupShow1728437753486" :mask="true" :mask-close-able="true" mode='center'
				:z-index='99999' background-color='rgba(0, 0, 0, 0.8)'>
				<view class="flex flex-direction flex-wrap align-center justify-center benben-flex-layout">
					<view class='flex flex-direction flex-wrap align-center justify-around index_fd3_0'>
						<image class='index_fd3_0_c0' mode="aspectFit" :src='STATIC_URL+"1617.png"'></image>
						<view class='flex flex-direction flex-wrap align-center index_fd3_0_c1'>
							<text class='index_fd3_0_c1_c0'>{{$t('AI智能提醒')}}</text>
							<view class='flex flex-wrap align-center index_fd3_0_c1_c1'>
								<view>
									<text class='index_fd3_0_c1_c1_c0_c0'>{{$t('“上课提醒”同学，注意啦！你的课程')}}</text>
									<text class='index_fd3_0_c1_c1_c0_c1'>【{{$t(gotoclass.courseplan_name)}}】</text>
									<text class='index_fd3_0_c1_c1_c0_c0'>即将开始，请前往签到</text>
								</view>
								<text class='index_fd3_0_c1_c1_c0_c0'>{{$t('上课时间：')}}</text>
								<text class='index_fd3_0_c1_c1_c0_c0'>{{gotoclass.class_time}}
									{{gotoclass.courseschedule_s_time}}</text>
							</view>
						</view>
						<button class='index_fd3_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/course/classhourPar/classhourPar?lessonplanning_id=${gotoclass.courseplan_id}&aid=${gotoclass.aid}`">{{$t('去签到')}}</button>
					</view>
					<view class='flex flex-wrap align-center justify-center index_fd3_1'>
						<image class='index_fd3_1_c0' mode="aspectFit" :src='STATIC_URL+"1604.png"'
							@tap.stop="popupShow1728437753486=false"></image>
					</view>
				</view>
			</benben-popup>
			<!-- 预习提醒 -->
			<benben-popup v-model="popupShow1728437364574" :mask="true" :mask-close-able="true" mode='center'
				:z-index='99999' background-color='rgba(0, 0, 0, 0.8)'>
				<view class="flex flex-direction flex-wrap align-center justify-center benben-flex-layout">
					<view class='flex flex-direction flex-wrap align-center justify-around index_fd4_0'>
						<image class='index_fd4_0_c0' mode="aspectFit" :src='STATIC_URL+"1617.png"'></image>
						<view class='flex flex-direction flex-wrap align-center index_fd4_0_c1'>
							<text class='index_fd4_0_c1_c0'>{{$t('AI智能提醒')}}</text>
							<view class='flex flex-wrap align-center index_fd4_0_c1_c1'>
								<text class='index_fd4_0_c1_c1_c0'>{{$t('“预习提醒”同学，注意啦！明天我们将学习新章节，请大家提前预习')}}</text>
								<text class='index_fd4_0_c1_c1_c1'>【{{$t(Preview.courseplan_name)}}】</text>
								<text
									class='index_fd4_0_c1_c1_c0'>{{$t('内容，并尝试解答课后习题。做好准备，让课堂更高效！期待你的精彩表现哦！????')}}</text>
							</view>
						</view>
						<button class='index_fd4_0_c2' @tap.stop="handleJumpDiy" data-type="navigateTo"
							:data-url="`/pages/course/classhourPar/classhourPar?lessonplanning_id=${gotoclass.courseplan_id}&aid=${gotoclass.aid}`">{{$t('去预习')}}</button>
					</view>
					<view class='flex flex-wrap align-center justify-center index_fd4_1'>
						<image class='index_fd4_1_c0' mode="aspectFit" :src='STATIC_URL+"1604.png"'
							@tap.stop="popupShow1728437364574=false"></image>
					</view>
				</view>
			</benben-popup>

		</view>
	</page-body>
</template>
<script>
	import pagingList from '@/common/mixin/paging_list.js';
	import {
		validate
	} from '@/common/utils/validate.js'
	import AIicon from "@/pages/My/AIChat/AIicon.vue"

	export default {
		components: {
			AIicon
		},
		mixins: [pagingList],

		data() {
			return {
				messinfo:'',
				group:0,
				"popupShow1728437364574": false,
				"popupShow1728437753486": false,
				gotoclassShow: false,
				"isTop": false,
				"bannerIndexfd0_0": 0,
				"bannerIndexfd0_1": 0,
				"minixPagingListsApi": "",
				"pageingListApiMethod": "",
				"allowOnloadGetList": false,
				"Swiper": [],
				"list": [],
				"gotoclass": {
					"aid": "",
					"courseplan_name": "",
					"courseplan_teacher": "",
					"classroom": "",
					"lessonplanning_class_hour_name": "",
					"courseschedule_s_time": "",
					"class_time": ""
				},
				"Preview": {
					"aid": "",
					"courseplan_name": "",
					"courseplan_teacher": "",
					"classroom": "",
					"lessonplanning_class_hour_name": "",
					"courseschedule_s_time": "",
					"class_time": ""
				},
				"real_name": ""
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			//判断有没有登录
			const userLoginInfo = uni.getStorageSync('USER_TOKEN');
			if (!userLoginInfo) return

			if (global.appTabBarType) this.toHomeDiy()
			// this.getxy62337e059bdaFunc()

			// this.getgv70a386616000Func() //上课提醒
			// this.getccccccFunc() //预习提醒
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			// uni.setStorageSync('USER_GROUP', 1);
			this.group=uni.getStorageSync('USER_GROUP')
			if(uni.getStorageSync('USER_GROUP') == 1){
				uni.setTabBarItem({
				  index: 1,
				  text: 'AI学',
				  iconPath: "/static/tab/tab_diy2.png",
				  selectedIconPath: "/static/tab/tab_diy2_active.png",
				})
				
			}else{
				uni.setTabBarItem({
				  index: 1,
				  text: '课程',
				  iconPath: "/static/tab/tab_diy1.png",
				  selectedIconPath: "/static/tab/tab_diy1_active.png",
				})
				
			}
			// 判断是否已登录
			const userLoginInfo = uni.getStorageSync('USER_TOKEN');
			if (!userLoginInfo) return;

			const userInfo = uni.getStorageSync('USER_INFO');
			if(this.group==1){
				this.real_name = userInfo?.real_name?.length > 5 ?
					userInfo.real_name.slice(0, 5) + '…' :
					userInfo?.real_name || ''
			}else{
				
				this.real_name = userInfo?.nickname?.length > 5 ?
					userInfo.nickname.slice(0, 5) + '…' :
					userInfo?.nickname || ''
			}
			
			
			this.getai6f224689e374Func();
			this.getmess()
			
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {
			this.getai6f224689e374Func()
		},
		onReachBottom(e) {

		},
		onPageScroll(e) {
			// console.log(e);
			if (e.scrollTop >= 100) {
				this.isTop = true
			} else {
				this.isTop = false
			}
		},
		methods: {
			async getmess(){
				if(this.group==2){
					return
				}
				let res = await this.$api.post(global.apiUrls.post68414cba9e017, {
					// examlog_id: this.examlog_id,
				});
				
				if (res.data.code != 1) {
					// this.$message.info(res.data.msg);
					return
				}
				console.log(res.data.data.msg)
				this.messinfo=res.data.data.latest_title
			},
			goVideo() {
				// this.$urouter.navigateTo(`/pages/Mymine/aiSeart/aiSeart`);
				uni.navigateTo({
					url: "/pages/tabBar/videoList/index"
				})
			},
			//APP接口-获取我的课程
			getai6f224689e374Func() {
				let url=''
				let obj={}
				if(uni.getStorageSync('USER_GROUP')==1){
					url= global.apiUrls.post68c9345a8e5b8
				}else{
					url= global.apiUrls.post68c392e0f23e8
					obj={
						type:1
					}
				}
				this.minixPagingListsApi = url;
				this.pageingListApiMethod = 'get';
				this.allowOnloadGetList = false;
				this.pagingListPostDataContent = obj
				this.listData = [];
				this.list = this.listData;
				console.log("this.list=>", this.list)
				this.pagingListToggle();
				this.$forceUpdate()
			},
			//轮播图列表
			// async getxy62337e059bdaFunc() {
			// 	let dataSwiper = await this.$api.get(global.apiUrls.post662337e059bda, {
			// 		operationadstype_id: '2'
			// 	});

			// 	if (dataSwiper.data.code != 1) {
			// 		this.$message.info(dataSwiper.data.msg);
			// 		return
			// 	}
			// 	let infoSwiper = dataSwiper.data;
			// 	this.Swiper = infoSwiper.data

			// },

			//APP接口-学生上课提醒---签到
			async getgv70a386616000Func() {
				let datagotoclass = await this.$api.get(global.apiUrls.post670a386616000, {
					type: '1'
				});

				if (datagotoclass.data.code != 1) {
					this.$message.info(datagotoclass.data.msg);
					return
				}

				this.$nextTick(() => {
					this.gotoclass = datagotoclass.data.data

					//返回的有数据datagotoclass.data.data
					if (this.gotoclass) {
						this.gotoclassShow = true
						this.popupShow1728437753486 = true
					}
				})

			},

			//APP接口-学生预习
			async getccccccFunc() {
				let dataPreview = await this.$api.get(global.apiUrls.post670a386616000, {
					type: '2'
				});

				if (dataPreview.data.code != 1) {
					this.$message.info(dataPreview.data.msg);
					return
				}
				let infoPreview = dataPreview.data;

				this.$nextTick(() => {
					this.Preview = infoPreview.data

					//返回的有数据
					if (this.Preview) {
						this.popupShow1728437364574 = true
					}
				})
			},

			pagingListPostData() {
				return this.pagingListPostDataContent
			}
		}
	};
</script>
<style lang="scss" scoped>
	.MyPortrayal_fd1 {
		position: absolute;
		right: 24rpx;
	}

	.MyPortrayal_fd1_0_c1_c0 {
		color: #031D34;
		font-size: 28rpx;
		line-height: 28rpx;
		font-weight: 400;
	}

	.MyPortrayal_fd1_0_c0_c1 {
		color: #031D34;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 8rpx;
	}

	.MyPortrayal_fd1_0_c1_c1 {
		width: 12rpx;
		height: 20rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: #ffffff;
		background-size: 100% auto;
	}

	.index_numberfd0_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_fd0_0_c1_c0 {
		width: 750rpx;
		height: 620rpx;
		border-radius: 0rpx 0rpx 16rpx 16rpx;
	}

	.index_fd0_0 {
		width: 750rpx;
		height: 620rpx;
	}

	.hello-text1 {
		min-width: 423rpx;
		max-width: 750rpx;
		overflow: hidden;
		height: 56rpx;
		position: absolute;
		top: 280rpx;
		left: 30rpx;
		background-image: url('@/static/img02/01.png');
		background-size: 423rpx 100%;
		background-repeat: no-repeat;
		font-weight: bold;
		font-size: 36rpx;
		color: #FFFFFF;
	}

	.hello-text2 {
		position: absolute;
		top: 370rpx;
		left: 30rpx;
		font-weight: bold;
		font-weight: 400;
		font-size: 30rpx;
		color: #FFFFFF;
	}

	.index_swiperDotUnselectedfd0_0 {
		background: rgba(255, 255, 255, 0.39);
		width: 12rpx;
		height: 12rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		color: #fff;
		background-size: 100% auto !important;
	}

	.index_swiperDotSelectedfd0_0 {
		background: rgba(255, 255, 255, 1);
		width: 12rpx;
		height: 12rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		background-size: 100% auto !important;
	}

	::v-deep .index_swiperDotfd0_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_fd1_1_c2_c1_c2 {
		font-size: 24rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.index_fd1_1_c2_c1_c1 {
		font-size: 24rpx;
		color: rgba(40, 96, 244, 1);
	}

	.index_fd1_1_c2_c1_c0 {
		font-size: 24rpx;
	}

	.index_fd1_1_c2_c1 {
		background: rgba(255, 255, 255, .7);
		width: 200rpx;
		height: 56rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
		overflow: hidden;
	}

	.index_fd1_1_c2_c0 {
		width: 56rpx;
		height: 56rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd1_1_c2 {
		position: absolute;
		bottom: 32rpx;
		left: 25rpx;
		height: 70rpx;
		width: 656rpx;
	}

	.index_fd1_1_c1_c3 {
		font-size: 20rpx;
		color: var(--benbenFontColor3);
	}

	.index_fd1_1_c1_c2 {
		font-size: 24rpx;
		line-height: 33rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
		color: var(--benbenFontColor3);
	}

	.index_fd1_1_c1_c1 {
		font-size: 24rpx;
		line-height: 33rpx;
		margin: 0rpx 16rpx 0rpx 16rpx;
		color: var(--benbenFontColor3);
	}

	.index_fd1_1_c1_c0 {
		font-size: 24rpx;
		line-height: 33rpx;
		color: var(--benbenFontColor3);
	}

	.index_fd1_1_c1 {
		position: absolute;
		top: 13rpx;
		right: 15rpx;
	}

	.index_fd1_1_c0 {
		color: rgba(37, 37, 37, 1);
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		position: absolute;
		top: 24rpx;
		left: 25rpx;
	}

	.index_fd1_1 {
		background: url(image-path('1579.png')) no-repeat;
		margin: -60rpx 24rpx 0rpx 24rpx;
		height: 176rpx;
		background-size: 100% auto;
		position: relative;
		z-index: 100;
	}

	.index_fd1_0_c0_c1 {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd1_0_c0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}

	.index_fd1_0_c0_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd1_0_c0_c0 {
		background: rgba(255, 255, 255, .6);
		width: 614rpx;
		height: 72rpx;
		border-radius: 45rpx 45rpx 45rpx 45rpx;
		background-size: 100% auto !important;
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
		opacity: 1;
	}

	.index_fd1_0_c0 {
		width: 100%;
		padding: 0rpx 26rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
		// position: fixed;
		// top: 104rpx;
		// left: 0rpx;
		// z-index: 9999;
	}

	.index_fd1_0 {
		position: relative;
	}

	.index_fd2_1_c0_c1_c1_c1 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		margin: 0rpx 5rpx 0rpx 5rpx;
		line-height: 33rpx;
	}

	.index_fd2_1_c0_c1_c1_c0 {
		color: #7A7B80;
		font-size: 24rpx;
		line-height: 33rpx;
	}

	.index_fd2_1_c0_c1_c0 {
		margin: 16rpx 0rpx 90rpx 0rpx;
		color: #131D34;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		width: 342rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}
	.index_fd2_1_c0_c1_c02 {
		// margin: 16rpx 0rpx 24rpx 0rpx;
		color: #131D34;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		// width: 342rpx;
	}
	

	.index_fd2_1_c0_c1 {
		width: 100%;
		height: 89rpx;
		padding:24rpx;
	}

	.index_fd2_1_c0_c0 {
		width: 288rpx;
		height: 162rpx;
		border-radius: 16rpx 16rpx  0 0 ;
		margin: 16rpx 0 0 16rpx;
	}
	.imgds{
		width: 100%;
		margin: 0;
		height: 191rpx;
	}

	.index_fd2_1_c0 {
		background: var(--benbenbgColor1);
		width: 702rpx;
		height: 194rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
		margin: 0rpx 0rpx 18rpx 0rpx;
	}
	.index_fd2_1_c02 {
		background: #F7FAFF;
		// width: 48%;
		width: 339rpx;
	    height:280rpx;
		border-radius: 16rpx;
		background-size: 100% auto;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.index_fd2_1 {
		margin: 0rpx 24rpx 0rpx 24rpx;
		padding-top: 42rpx;
	}

	.index_fd2_0_c1 {
		margin: 0rpx 016rpx 0rpx 0rpx;
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
	}

	.index_fd2_0_c0 {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.list-outer {
		position: relative;
		// position: absolute;
		top: -58rpx;
	}
	 .lx_fd4_0_ibhf {
	            background: #F4F8FD;
	            width: 702rpx;
	            height: 76rpx;
	            margin: 0rpx 24rpx 0rpx 24rpx;
	            border-radius: 20rpx;
	            padding: 0rpx 24rpx 0rpx 24rpx;
				margin-bottom: 40rpx;
	
	            .lx_fd4_0_c0_ibhf {
	                color: #333333;
	                font-size: 24rpx;
	                font-weight: bold;
	                font-style: italic;
					// font-family: KaiTi;
					
					
	
	                .lx_fd4_0_c0_c0_ibhf {
	                    color: rgba(28, 94, 252, 1);
	                }
	
	                .lx_fd4_0_c0_c1_ibhf {
	                    color: #333;
	                }
	            }
	
	            .lx_fd4_0_c1_c0_ibhf {
	                width: 1rpx;
	                height: 30rpx;
	                background: rgba(135, 159, 208, 1);
	                margin: 0rpx 10rpx 0rpx 10rpx;
	                transform: scaleX(0.5);
	            }
	
	            .lx_fd4_0_c1_c1_ibhf {
	                -webkit-line-clamp: 1;
	                overflow: hidden;
	                text-overflow: ellipsis;
	                display: -webkit-box;
	                -webkit-box-orient: vertical;
	            }
	
	            .lx_fd4_0_c2_c0_ibhf {
	                color: rgba(235, 69, 68, 1);
	                font-size: 10rpx;
	            }
	        }


	.index_fd2_0 {
		display: flex;
		
		height: 58rpx;
		display: flex;
		align-items: center;
		width: 100%;

		.index_fd2_0_c1 {
			font-weight: 500;
			font-size: 40rpx;
			color: #131D34;
			margin-left: 24rpx;
		}
	}

	.index_fd3_1_c0 {
		width: 44rpx;
		height: 44rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1 {
		width: 600rpx;
		height: 44rpx;
		margin: 64rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c2 {
		background: #134ddf;
		border-radius: 33rpx 33rpx 33rpx 33rpx;
		width: 400rpx;
		line-height: 88rpx;
		font-size: 32rpx;
		color: #fff;
	}

	.index_fd3_0_c1_c1_c0_c1 {
		color: rgba(20, 94, 253, 1);
		font-size: 32rpx;
		line-height: 56rpx;
	}

	.index_fd3_0_c1_c1_c0_c0 {
		color: rgba(102, 102, 102, 1);
		font-size: 32rpx;
		line-height: 56rpx;
	}

	.index_fd3_0_c1_c1 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		width: 100%;
	}

	.index_fd3_0_c1_c0 {
		margin: 22rpx 0rpx 0rpx 0rpx;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 44rpx;
	}

	.index_fd3_0_c1 {
		width: 100%;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.index_fd3_0_c0 {
		width: 150rpx;
		height: 140rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: -171rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0 {
		background: linear-gradient(180deg, #CEE0FF 0%, #FFFFFF 33%, #FFFFFF 100%);
		;
		width: 600rpx;
		background-size: 100% auto;
		border-radius: 25rpx;
		padding: 100rpx 39rpx 48rpx 39rpx;
	}

	.index_fd4_1_c0 {
		width: 44rpx;
		height: 44rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_1 {
		width: 600rpx;
		height: 44rpx;
		margin: 64rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_0_c2 {
		background: #134ddf;
		border-radius: 33rpx 33rpx 33rpx 33rpx;
		width: 400rpx;
		line-height: 88rpx;
		font-size: 32rpx;
		color: #fff;
	}

	.index_fd4_0_c1_c1_c1 {
		color: rgba(20, 94, 253, 1);
		font-size: 32rpx;
		line-height: 56rpx;
	}

	.index_fd4_0_c1_c1_c0 {
		color: rgba(102, 102, 102, 1);
		font-size: 32rpx;
		line-height: 56rpx;
	}

	.index_fd4_0_c1_c1 {
		margin: 32rpx 0rpx 0rpx 0rpx;
		width: 100%;
	}

	.index_fd4_0_c1_c0 {
		margin: 22rpx 0rpx 0rpx 0rpx;
		font-size: 36rpx;
		font-weight: 500;
		line-height: 44rpx;
	}

	.index_fd4_0_c1 {
		width: 100%;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.index_fd4_0_c0 {
		width: 150rpx;
		height: 140rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: -171rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_0 {
		background: linear-gradient(180deg, #CEE0FF 0%, #FFFFFF 33%, #FFFFFF 100%);
		;
		width: 600rpx;
		background-size: 100% auto;
		border-radius: 25rpx;
		padding: 100rpx 39rpx 48rpx 39rpx;
	}

	//

	.index_flex_3_ben {
		width: 88rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(300rpx + var(--window-bottom));
		right: 24rpx;
	}

	.index_fd3_0_ben {
		width: 88rpx;
		height: 88rpx;
	}

	//
	.index_flex_0_ben {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 1000;
		top: 0rpx;
		background: rgb(21, 95, 253);
	}

	.index_flex_0_ben123456 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 1000;
		top: 0rpx;
	}

	.index_fd0_0_ben {
		// padding: 0rpx 26rpx 0rpx 0rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
		height: 88rpx;
	}

	.index_fd0_0_c0_ben {
		background: #FFFFFF;
		width: 100%;
		width: 85%;
		height: 88rpx;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto !important;
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 24rpx 0rpx 24rpx;
		opacity: 1;
	}

	.index_fd0_0_c0_c0_ben {
		width: 32rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}

	.index_fd0_0_c0_c1_ben {
		margin: 0rpx 0rpx 0rpx 24rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #A4A6AB;
	}

	.index_fd0_0_c1_ben {
		width: 40rpx;
		height: 40rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
	}
	
	.flex_0_ibhf {
	        margin: 32rpx 0rpx 32rpx 0rpx;
	    }
	
	    .fd0_0_ibhf {
	        width: 686rpx;
	        height: 80rpx;
	    }
	
	    .fd0_0_c1_c0_ibhf {
	        height: 80rpx;
	        padding: 0rpx 24rpx 0rpx 24rpx;
	        border-radius: 52rpx 52rpx 52rpx 52rpx;
	        border: 1px solid #FC511F;
	        background: #FFF0EC;
	        width: 686rpx;
	
	        .fd0_0_c1_c0_c0_ibhf {
	            width: 53rpx;
	            height: 53rpx;
	            margin: 0rpx 16rpx 0rpx 0rpx;
	        }
	    }
	
	    .fd0_0_c1_c0_c1_ibhf {
	        color: #333333;
	        font-size: 26rpx;
	        font-weight: 400;
	        line-height: 37rpx;
	    }
	
	    .numberfd0_0_c0_ibhf {
	        position: absolute;
	        bottom: 20rpx;
	        right: 30rpx;
	        width: 80rpx;
	        height: 40rpx;
	        background: #525050;
	        border-radius: 6rpx 6rpx 6rpx 6rpx;
	        font-size: 24rpx;
	        color: #FFFFFF;
	        line-height: 46rpx;
	        font-weight: 400;
	    }
	
</style>